$height: 100px;
$padding: 0 15%;
.header {
  background-color: #671c93;
  height: $height;
  box-sizing: border-box;
  padding: $padding;
  color: #fff;
}
.nav{
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
}
.left{
  display: flex;
  &>div{
    margin: 0 10px;
  }
  span{
    cursor: pointer;
  }
}
.right{
  display: flex;
  &>div{
    margin: 0 10px;
    cursor: pointer;
  }
}

.main{
  height: calc(100vh - $height);
  padding: $padding;
  box-sizing: border-box;
  background-color: rgba(123, 148, 185, 0.76);
  overflow-y: auto;
}
.mainBox{
  height: 100%;
  //background: rgb(192, 194, 197);
  box-sizing: border-box;
  padding: 0 10px;
  //&::-webkit-scrollbar{
  //  display: none;
  //}
}
